{extend name='admin@main'}

{block name="button"}

{/block}

<style>
.nowrap{ white-space:pre-wrap !important;	}
</style>

{block name="content"}
<div class="think-box-shadow" >

    <div style="width: 100%;display: flex;margin-bottom: 10px">
        <div class="bg2" style="color: #fff0b7;margin-left: 8px; text-align: center; width: 22%; font-size: 24px">
            <div style="width: 100%;height: 25px;line-height: 25px;padding: 10px; padding-left: 5px; text-align: left;">用户:</div>
            <div style="display: flex;width: 100%;">
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">充值用户人数：{$charge_user_count} 人</p>
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">充值金额：{$charge_total} 元</p>
            </div>
            <div style="display: flex;width: 100%;margin-top: 15px">
                <p class="pp" style="width: 50%;font-size: 14px;height: 20px;line-height: 20px">消费金额：{$pay_total} 元</p>
                <p class="pp" style="width: 50%;font-size: 14px;height: 20px;line-height: 20px">提现金额：{$tixian_total} 元</p>
            </div>
        </div>

        <div class="bg1" style="color: #fff0b7;margin-left: 8px; text-align: center; width: 22%; font-size: 24px">
            <div style="width: 100%;height: 25px;line-height: 25px;padding: 10px; padding-left: 5px; text-align: left;">加盟商家:</div>
            <div style="display: flex;width: 100%;">
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">累计佣金：{$leiji_fenyong} 元</p>
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">充电金额：{$leiji_charge} 元</p>
            </div>
            <div style="display: flex;width: 100%; margin-top: 5px">
                <p class="pp" style="width: 50%;font-size: 14px;height: 20px;line-height: 20px">服务费：{$leiji_service} 元</p>
                <p class="pp" style="width: 50%;font-size: 14px;height: 20px;line-height: 20px">停车金额：{$leiji_park} 元</p>
            </div>
            <div style="display: flex;width: 100%; margin-top: 5px">
                <p class="pp" style="width: 50%;font-size: 14px;height: 20px;line-height: 20px">待结算：{$wait_jiesuan} 元</p>
                <p class="pp" style="width: 50%;font-size: 14px;height: 20px;line-height: 20px">已结算：{$yi_jiesuan} 元</p>
            </div>
        </div>

        <div class="bg2" style="color: #fff0b7;margin-left: 8px; text-align: center; width: 22%; font-size: 24px">
            <div style="width: 100%;height: 25px;line-height: 25px;padding: 10px; padding-left: 5px; text-align: left;">总计收入:</div>
            <div style="display: flex;width: 100%;">
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">累计佣金：{$total_fenyong} 元</p>
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">充电金额：{$total_charge} 元</p>
            </div>
            <div style="display: flex;width: 100%;margin-top: 15px">
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">服务费：{$total_service} 元</p>
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">停车金额：{$total_park} 元</p>
            </div>
        </div>

        <div class="bg1" style="color: #fff0b7;margin-left: 8px; text-align: center; width: 22%; font-size: 24px">
            <div style="width: 100%;height: 25px;line-height: 25px;padding: 10px; padding-left: 5px; text-align: left;">总利润:</div>
            <div style="display: flex;width: 100%;">
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">累计佣金：{$lirun_fenyong} 元</p>
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">充电金额：{$lirun_charge} 元</p>
            </div>
            <div style="display: flex;width: 100%;margin-top: 15px">
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">服务费：{$lirun_service} 元</p>
                <p class="pp" style="width: 50%;height: 20px;line-height: 20px">停车金额：{$lirun_park} 元</p>
            </div>
        </div>

        <style>
            .pp{font-size: 16px;color: #fff !important;}
            .bg1{background:url('https://mall.shimeng.net.cn/static/theme/img/14.png') no-repeat; margin-top: 3px; background-size: 100% 100%; }
            .bg2{background:url('https://mall.shimeng.net.cn/static/theme/img/15.png') no-repeat; margin-top: 3px; background-size: 100% 100%; }
            .bg24{background:url('https://mall.shimeng.net.cn/static/theme/img/24.png') no-repeat; margin-top: 3px; background-size: 100% 100%; }
            .bg25{background:url('https://mall.shimeng.net.cn/static/theme/img/25.png') no-repeat; margin-top: 3px; background-size: 100% 100%; }
            .bg26{background:url('https://mall.shimeng.net.cn/static/theme/img/26.png') no-repeat; margin-top: 3px; background-size: 100% 100%; }
        </style>

    </div>


    <div style="width:100%">
        {include file='member/tongji_search'}
        <table class="layui-table margin-top-10" lay-skin="line">
            {notempty name='list'}
            <thead>
            <tr>
                <th class='list-table-check-td think-checkbox' style="display: none">
                    <input data-auto-none data-check-target='.list-check-box' type='checkbox' >
                </th>
                <th class='list-table-sort-td'>
                    <button type="button" data-reload class="layui-btn layui-btn-xs">刷 新</button>
                </th>
                <th class='text-left nowrap' >属性</th>
                <th class='text-left nowrap' >电站名称</th>
                <th class='text-left nowrap' >电站手机号</th>
                <th class='text-left nowrap' >微信提现信息</th>
                <th class='text-left nowrap' >支付宝提现信息</th>
                <th class='text-left nowrap' >银行提现信息</th>
                <th class='text-left nowrap' >总计分佣</th>
                <th class='text-left nowrap' >待结算分佣</th>
                <th class='text-left nowrap' >已结算分佣</th>

                <th class='text-left nowrap' >操作</th>

            </tr>
            </thead>
            {/notempty}
            <tbody>
            {foreach $list as $key=>$vo}
            <tr data-dbclick>
                <td class='list-table-check-td think-checkbox' style="display: none"><input  class="list-check-box" value='{$vo.id}' type='checkbox'></td>

                <td class='text-left nowrap'><span style="line-height: 60px">{$vo.id|default='--'}</span></td>
                <td class='text-left ' >{$vo.type_name|default='--'} </td>

                <td class='text-left ' >{$vo.station.name|default='--'}</td>
                <td class='text-left ' >{$vo.station.phone|default='--'}</td>
                <td class='text-left ' >
                    微信号：{$vo.wechat_number|default='--'}
                    <br>
                    微信绑定手机号：{$vo.wechat_phone|default='--'}
                    <br>
                    微信收款码：
                    <img data-tips-image style="width:60px;height:60px" src="{$vo.wechat_pic|default=''}" class="margin-right-5 text-top">
                </td>
                <td class='text-left ' >
                    支付宝号：{$vo.alipay_number|default='--'}
                    <br>
                    支付宝绑定手机号：{$vo.alipay_phone|default='--'}
                    <br>
                    支付宝收款码：
                    <img data-tips-image style="width:60px;height:60px" src="{$vo.alipay_pic|default=''}" class="margin-right-5 text-top">
                </td>
                <td class='text-left ' >
                    银行卡号：{$vo.bank_number|default='--'}
                    <br>
                    开户行：{$vo.bank_name|default='--'}
                    <br>
                    银行地址：{$vo.bank_address|default='--'}
                </td>
                <td class='text-left ' >{$vo.total_fenyong|default='--'}</td>
                <td class='text-left ' >{$vo.wait_fenyong|default='--'}</td>
                <td class='text-left ' >{$vo.yi_fenyong|default='--'}</td>

                <th class='text-left ' >
                    <a data-dbclick class="layui-btn layui-btn-sm" data-open='{:url("store/member/fenyong")}?user_id={$vo.id}'>查看记录</a>

                    <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="确定要单独结算吗?" data-action="{:url('dan_jiesuan')}" data-value="id#{$vo.id}">结算</a>
                </th>




            </tr>
            {/foreach}
            </tbody>
        </table>

        {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
    </div>

</div>
{/block}
